
body{margin: 0;padding:0; }
.one{
    background: black;
    padding-top: 6px;
    padding-bottom: 6px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
nav li {display:inline-block;}
nav li a{display:inline-block;padding:10px;text-decoration:none ; color: white;transition: 1s;}
.active{background: #ffc21f;}
nav li a:hover{background: #ffc21f;color: black;}
.one1{
    align-self: flex-end;
}

.two{
    background: url(/images/bgr_home_banner.jpg) no-repeat;
    background-size: cover;
    text-align: center;
}
.two h1{margin: 0;font-size: 55px;}
.two p{font-size: 26px;}
.two h2,.five h2{
    font-size: 30px;background: #231f20; display: inline-block;
    color: #ffc21f;padding: 8px 18px;transition: .5s
}
.two h2:hover,.five h2:hover{color: white;}
.two input{text-align: center;font-size: 18px;height: 49px;width: 500px;}
.three{
    margin-top: 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.three div{width: 200px;text-align: center;}

.four{
    background: #f0f0f0;
}
.four h1,.five h1{text-align: center;font-size: 40px;margin-bottom: 10px; }
.p1{width: 76px;border: 2px solid  #ffc21f;margin: 0 auto;}
.four1{
    margin-top:20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.four1 div{text-align: center;width: 350px;border: 1px solid #ffc21f;padding: 25px 10px 10px 10px; margin: 10px 40px;}

.five{text-align: center;}
.five1{
    margin-top:20px;padding: 3px 10px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
.five2{width: 25%;}

.line{background: url(/images/bgr_line.png) repeat-x center;}

.line p{width: 20px;height: 20px;background:#fbc72b;border-radius: 50%;margin: 0 auto;}